.tabWrapper {
    display: flex;
    padding-bottom: 20px;
    position: relative;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
  
  }
  
  .tab {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }
  
  button.originDomain {
    background: initial;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    box-shadow: none;
    justify-content: center;
    gap: 5px;
  }
  
  .tabWrapper .tab .tabImg {
    display: flex;
    flex-direction: column;
    width: 60px;
    height: 60px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    background-color: #f3f5f7;
  }
  
  .tab .tabName {
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
  }
  
  .tabWrapper .tab.active .tabImg {
    border: 2px solid #253858;
  }
  
  .tabWrapper .tab.active .tabName {
    font-weight: 800;
  }
  
  .tabWrapper .tab .tabName {
    font-weight: 500;
  }
  
  .tabWrapper .tab:not(.active) .tabImg:hover {
    background-color: #e9ebee;
  }
  
  @media (max-width:1400px) {
    .tabWrapper {
      order: 0;
    }
  }
  
  @media (max-width: 768px) {
    #neworder .tabWrapper {
      padding-bottom: 18px;
      margin-left: 0;
    }
  }
  
  #neworder section#carouselBanner {
    padding: 0;
  
  }
  
  @media (max-width: 500px) {
    #neworder .tabWrapper {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 10px;
      align-items: center;
      justify-content: center;
    }
  }
  
  @media (max-width: 330px) {
    #neworder .tabWrapper {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  
  
  div#main-popup-modal.mobile.active {
    z-index: 999999999999999;
  }
  
  div#main-popup-modal.mobile div.mainPopupImage img {
    cursor: initial;
  }
  
  @media (max-width:768px) {
    div.mobile-introduce-banner img {
      height: auto;
    }
  
    div.mobileFixMenu a.not_auth span {
      color: #767676;
    }
  
    #neworder div.formWrapper div.inputWrapper+div.inputWrapper {
      min-height: initial;
    }
  
    #main.not_auth div.wrapper {
      min-height: 500px;
    }
  }
  
  @media (max-width:500px) {
    .description_flex_wrapper.sample {
      height: auto
    }
  }
  
  .modalLinkTitle {
    font-size: 20px;
    margin: 0;
    font-weight: 500;
  }
  
  .modalLinkSubTitle {
    width: 100%;
    background: #f4f5f7;
    border-radius: 10px;
    margin-bottom: 14px;
  
  }
  
  #neworder div.modalLinkSubTitle p {
    width: 100%;
    text-align: center;
    max-width: 100%;
    margin: 0;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 12px;
  }
  
  div#main-popup-modal.coupon div.mainPopupButtonWrapper {
    bottom: 10px;
    position: absolute;
    top: initial;
    width: 100%;
  }
  
  @media (max-width:768px) {
    div#main-popup-modal.coupon div.mainPopupButtonWrapper {
      bottom: 0;
      top: initial;
    }
  }
  
  div#main-popup-modal.coupon .mainPopupContentsWrapper.noticeBox div.mainPopupButtonWrapper {
    top: 0;
  }
  
  div#main-popup-modal.coupon div.mainPopupButtonWrapper button.closeSignup {
    flex: 1;
    font-size: 14px;
  }
  
  div#main-popup-modal.coupon div.mainPopupButtonWrapper button.goSignup {
    background: linear-gradient(to bottom, #3A3A3A 0%, #3A3A3A 30%, #131313 100%);
    color: white;
    border-radius: 25px;
    padding: 12px 24px;
    font-family: 'Pretendard Bold', sans-serif;
    border: none;
    cursor: pointer;
    line-height: 1;
    font-size: 14px;
  
  }
  
  @media (max-width:768px) {
  
    div#main-popup-modal.coupon div.mainPopupButtonWrapper button.goSignup {
      padding: 0;
      height: 40px;
    }
  }
  
  div#main-popup-modal.mobile.active {
    animation: 0.1s forwards fadeIn !important;
  }
  
  
  
  #signup .swiper-autoheight {
    height: auto;
    max-height: max-content;
    min-height: max-content;
  }
  
  #signup .swiper-pagination {
    height: 20px;
    top: -70px;
    z-index: 99;
    width: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
  
  @media (max-width:1200px) {
    #signup div.sigupContainer {
      justify-content: initial;
      align-items: initial;
    }
  
    #signup div.loginRightWrapper {
      flex: 1;
    }
  }
  
  
  /* Pop over */
  .popOver {
    background: #0068FE;
    border-radius: 8px;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 32px;
  
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
  }
  
  #signup .popOver {
    bottom: 43px;
    width: auto;
    max-width: max-content;
    min-width: max-content;
  }
  
  .popOver p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
  }
  
  
  .popOver svg {
    position: absolute;
    bottom: -6px;
  }
  
  
  .popOver svg.mobile {
    display: none;
  }
  
  .popOver.login {
    width: 44px;
    height: 28px;
    bottom: 43px;
  }
  
  #sign.login div.container div.loginWrapper {
    padding-bottom: 0;
  }
  
  #sign.login div.container div.loginWrapper .loginBottomWrapper {
    margin-top: 50px;
  }
  
  #sign.login div.container div.loginWrapper .btn-close,
  #sign.login .btn-close {
    display: none;
  }
  
  #lottie-pop {
    position: absolute;
    top: -150px;
    width: 100%;
    height: auto;
  }
  
  #signup #signupForm {
    overflow-y: initial;
  }
  
  #signup .popOver p {
    display: none;
  }
  
  #signup .popOver.one .one {
    display: flex;
  }
  
  #signup .popOver.two .two {
    display: flex;
  }
  
  #signup .popOver.three .three {
    display: flex;
  }
  
  #signup .popOver.four .four {
    display: flex;
  }
  
  
  @media (max-width:500px) {
  
    #signup .popOver.three,
    #signup .popOver.two {
      bottom: initial;
      right: 0;
      left: initial;
      transform: initial;
      top: 92px;
    }
  
    #signup .popOver.three svg.pc,
    #signup .popOver.two svg.pc {
      display: none;
    }
  
    #signup .popOver.three svg.mobile,
    #signup .popOver.two svg.mobile {
      display: flex;
      bottom: initial;
      right: -5px;
    }
  
    #signup .swiper-autoheight .swiper-slide.emailContainer .infoBox,
    #signup .swiper-autoheight .swiper-slide.phoneContainer .infoBox {
      padding-bottom: 90px;
    }
  
    #sign.login div.container div.loginWrapper {
      height: 100%;
    }
  
    #sign.login div.container div.loginContainer {
      padding: 0 16px;
    }
  
    #lottie-pop {
      top: 0;
    }
  }
  
  
  
  #sign.login div.container div.loginRightWrapper .loginInfoBox {
    text-align: center;
  }
  
  #sign.login div.container div.loginContainer div.loginLeft_Wrapper div.loginTitle {
    display: none;
  }
  
  #signup input+label,
  #sign input[type=checkbox]+label {
    border: 1.9px solid #c5c5c8;
  }
  
  #signup div.countDown {
    right: 12px !important;
  }
  
  #signup div.inputWrapper i.check_phone {
    right: 2px !important;
  }
  
  
  
  .nice-select.form-control {
    padding: 8px 12px;
    border-radius: 8px;
    width: 100%;
    max-width: 100%;
    max-height: 40px;
    min-height: 40px;
    margin: auto;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-weight: 600;
    border: 1px solid #d9d9d9;
    height: auto;
    box-shadow: none;
  }
  
  .nice-select.open .list {
    width: 100%;
    padding: 5px 0;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    border-radius: 8px;
  }
  
  .nice-select.open span {
    color: #fff;
  }
  
  .nice-select.open {
    background-color: #253858;
  }
  
  .nice-select.open li {
    height: 27px;
    max-height: 27px;
    min-height: 27px;
    line-height: 1.5;
    display: flex;
    align-items: center;
  
  }
  
  .nice-select .option:hover {
    background-color: #e6effc !important
  }
  
  .nice-select .option.focus,
  .nice-select .option.selected.focus {
    background-color: #e6effc !important;
  }
  
  .nice-select .option.selected {
    background-color: #e6effc
  }
  
  .nice-select .list:hover .option:not(:hover) {
    background-color: initial !important;
  }
  
  .nice-select.open:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  
  .nice-select.form-control:hover {
    background-color: #e6effc;
  }
  
  .nice-select.form-control.open:hover {
    background-color: #253858;
  }
  
  #neworder .nice-select.form-control:focus {
    border: 1px solid #d9d9d9;
  }
  
  @media (max-width:400px) {
    .nice-select.form-control span {
      font-size: 12px;
    }
  
    .nice-select.open li {
      font-size: 12px;
    }
  }
  
  /* 2025 09 16 */
  div.modal-bg-signin button.commonButton {
    position: relative;
    margin-top: 30px;
    color: #253858;
    border: 1px solid #253858;
    background-color: #fff;
  }
  
  div.modal-bg-signin button.commonButton:hover {
    background-color: #fff;
  }
  
  .popOver.loginBox {
    top: -11px;
  }
  
  #sign.sign_origin div.loginBottomWrapper div.signin_line {
    display: none
  }
  
  .popOver.one {
    display: none;
  }
  
  
  #signup .remeberWrapper input {
    opacity: 0;
    position: absolute
  }
  
  #signup .checkboxWrapper {
    display: flex;
    gap: 8px;
  }
  
  #signup .remeberWrapper label[for=remember] {
    width: 18px;
    height: 18px
  }
  
  #signup .remeberWrapper label.remeberWrapper[for=remember] {
    width: 100%;
    height: auto;
    margin-bottom: 8px
  }
  
  #signup .remeberWrapper label.rememberBox[for=remember] {
    width: 18px;
    height: 18px;
    margin-bottom: 0;
    padding-top: 0
  }
  
  p.terms {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400;
  }
  
  #signup label p>b {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400
  }
  
  
  #signup a.terms {
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    text-decoration: underline;
  }
  
  @media (max-width:500px) {
    #signup label.remeberWrapper {
      margin-top: 30px;
    }
  
  
    #signup div.formWrapper.one button.signupButton {
      margin-top: initial;
      bottom: initial;
      top: 330px;
    }
  
    #signup div.formWrapper.two button.signupButton {
      bottom: initial;
      top: 220px;
    }
  
    #signup div.hintMessage.active {
      position: absolute;
    }
  
    #signup .inputWrapper.margin-top-30.mobile-margin-top {
      margin-top: 30px;
    }
  
    #signup div.formWrapper.two button.signupButton.list-active {
      top: 302px;
    }
  
    #signup .formWrapper.three button.signupButton {
      bottom: initial;
      top: 220px;
    }
  
    #signup .phoneContainer div.hintMessage.active {
      position: initial;
    }
  
    #signup .formWrapper.three button.signupButton.end {
      top: 337px;
    }
  }
  
  #signup a.terms:hover {
    text-decoration: underline !important;
  }
  
  .autocomplete-list {
    z-index: 99999;
  }
  
  
  .social-ticker {
    position: fixed;
    bottom: 130px;
    right: 55px;
    z-index: 3;
  }
  
  .social-ticker-item {
    background-color: #535355;
    border-radius: 50px;
    padding: 8px 16px;
    margin-bottom: 10px;
    font-size: 14px;
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 240px;
    min-width: max-content;
    min-width: max-content;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease-in-out;
    color: #fff;
  }
  
  .social-ticker-item.show {
    opacity: 1;
    transform: translateY(0);
  }
  
  .social-ticker-item.hide {
    opacity: 0;
    transform: translateY(-20px);
  }
  
  .social-ticker-item .typing-dots {
    display: flex;
    gap: 2px;
  }
  
  .social-ticker-item .typing-dots span {
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 50%;
    animation: typing-dot-bounce 1.4s infinite ease-in-out both;
  }
  
  .social-ticker-item .typing-dots span:nth-child(1) {
    animation-delay: -0.32s;
  }
  
  .social-ticker-item .typing-dots span:nth-child(2) {
    animation-delay: -0.16s;
  }
  
  .social-ticker-item .typing-dots span:nth-child(3) {
    animation-delay: 0s;
  }
  
  @keyframes typing-dot-bounce {
  
    0%,
    80%,
    100% {
      transform: scale(0);
    }
  
    40% {
      transform: scale(1);
    }
  }
  
  .social-ticker-item .bold-text {
    font-weight: bold;
  }
  
  .social-ticker-item span {
    color: #ffff;
  }
  
  .social-ticker-item span.icon {}
  
  @media (max-width:768px) {
    .social-ticker {
      bottom: 80px;
      right: initial;
      left: 12px;
    }
  
  
  }
  
  @media (max-width:500px) {
    .social-ticker-item {
  
      width: 240px;
      min-width: 240px;
      min-width: 240px;
  
    }
  }
  
  .social-ticker-item .close-button {
    position: absolute;
    top: -11px;
    right: -10px;
    color: #333;
    border-radius: 50%;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    line-height: 1;
    z-index: 1001;
    transition: opacity 0.2s;
  }
  
  .social-ticker-item .close-button:hover {
    opacity: 0.8;
  }
  
  @media(max-width:500px) {
    .social-ticker-item .close-button {
      top: -5px;
      right: -7px;
    }
  }
  
  #signup div.formWrapper.two input {
  
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }
  
  /* 2025 10 14*/
  figure.signupModalCouponBanner {
    width: 100%;
    height: 157px;
    margin-top: 25px;
    cursor: pointer;
  }
  
  @media (max-width:500px) {
    figure.signupModalCouponBanner {
      margin-top: 20px;
      height: 123px;
    }
  }
  
  figure.signupModalCouponBanner figcaption {
    display: none;
  }
  
  figure.signupModalCouponBanner img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
  }
  
  #sign div.container div.loginWrapper {
    padding-bottom: 0;
  }
  
  #signup div.btn-prev {
    position: absolute;
    top: 38px;
    left: 30px;
    width: auto;
    padding-bottom: 0;
    z-index: 99999;
  }
  
  
  
  
  
  .componentsModal.active {
    display: flex;
    z-index: 999999999;
  }
  
  .componentsModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: 999;
  }
  
  .componentsModalBox {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: #f4f5f7;
    border-radius: 10px;
    width: 328px;
    padding: 16px;
  }
  
  .componentsContents {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
  }
  
  .componentsModalBox p {
    font-size: 30px;
  }
  
  .componentsModalBox strong {
    color: #000;
    font-size: 18px;
    font-weight: 800;
  }
  
  .componentsModalBox span {
    text-align: center;
    color: #787878;
    font-size: 14px;
    font-weight: 600;
  }
  
  .componentsModalBox button {
    padding: 0;
    box-shadow: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
  }
  
  .componentsModalBox button#close {
    color: #5d5d5d;
    background: #dcdcdc;
  }
  
  .componentsModalBox .componentsButton {
    padding: 0;
    display: flex;
    gap: 13px;
  }
  
  .componentsModalBox .componentsButton button.exitButton {
    color: #5d5d5d;
    background: #dcdcdc;
  }
  
  .componentsModalBox .componentsButton button.stayButton {
    background: #253858;
    color: #fff;
  }
  
  .modal-bg-title {
    display: none;
  }
  
  .signupTitleWrapper {
    width: 100%;
  }
  
  @media (max-width:500px) {
    #sign div.container div.loginContainer {
      padding: 0;
    }
  
    #sign div.loginContainer div.loginLeft_Wrapper {
      border-bottom: 1px solid #E3E4E7;
      height: 62px;
      max-height: 62px;
      min-height: 62px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0px 16px;
      margin: 0;
    }
  
    #sign div.container div.loginContainer div.loginLeft_Wrapper div.loginTitle {
      padding-bottom: 0;
    }
  
    p.modal-bg-title {
      color: #1A1A1A;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
    }
  
    #sign div.container div.back span i {
      font-size: 24px;
    }
  
    #sign div.container .loginLeftWrapper {
      padding: 20px 16px 30px;
    }
  
    #signup div.sigupContainer {
      padding: 0;
      gap: 50px;
    }
  
    .signupTitleWrapper {
      border-bottom: 1px solid #E3E4E7;
      height: 62px;
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
      padding: 0 16px;
    }
  
    #signup div.btn-prev {
      position: absolute;
      left: 16px;
      top: initial;
    }
  
    #signup div.btn-prev i,
    #signup div.btn-close i {
      font-size: 24px;
    }
  
    #signup p.modal-bg-title {
      display: initial;
    }
  
    #signup div.btn-close {
      display: initial;
      width: initial;
      padding-bottom: 0;
    }
  
    div.btn-close {
      padding: 7px;
      position: absolute;
      right: 13px;
      top: 11px;
    }
  
    #signup div.loginRightWrapper {
      padding: 0 16px;
      position: relative;
    }
  
    #signup .swiper-pagination {
      top: -36px;
    }
  
    #signup div.formWrapper button.signupButton {
      left: 16px;
      right: 16px;
      width: auto;
    }
  
    #signup .popOver.three,
    #signup .popOver.two {
      right: 20px;
    }
  }
  
  @media (max-width:350px) {
    .componentsModalBox {
      width: 100%;
      max-width: 90%;
    }
  }
  
  @media (max-width:500px) {
    .popOver.login {}
  
    #sign.login div.container .loginLeftWrapper {
      padding: 0;
    }
  }
  
  .btn-close {
    padding: 7px;
  }
  
  .nav_loginButton_popOver svg {
    position: relative;
    top: 1px;
  }
 
  
  #neworder div.modalImgWrapper .link-title-box-contents {
    padding-bottom: 20px;
    margin-left: 20px;
  }
  
  #neworder div.modalImgWrapper .link-title-box-contents p {
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    display: list-item;
    max-width: 100%;
    min-width: 100%;
    color: #6e6c6c;
  }
  
  #renewal.linkModal div.modalBox section .link-title-box {
    margin-bottom: 5px;
  }
  
  #renewal.linkModal div.modalBox section .link-title-box>span.sub-title {
    width: auto;
    max-width: max-content;
    padding: 0 8px;
  }
  
  .sub-title-contents {
    background: #f4f5f7;
    border-radius: 8px;
    margin-top: 20px;
    width: 100%;
    padding: 19px;
  }
  
  #neworder div.modalImgWrapper .sub-title-contents p {
    padding: 0;
    color: #434141;
    font-size: 14px;
    font-weight: 400;
  }
  
  #renewal.linkModal div.modalBox section .sub-title-contents strong {
    display: block;
    width: 100%;
    position: relative;
    font-size: 15px;
    margin: 0;
    text-align: left;
    margin-bottom: 6px;
    font-weight: 700;
  }
  
  #renewal.linkModal div.modalBox section .link-title-box-contents strong {
    font-size: 15px;
  }
  
  #renewal.linkModal div.modalBox section .sub-title-contents strong.sub-notice {
    text-align: center;
    color: #222;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 3px;
  }
  
  #renewal.linkModal div.modalBox section .link-title-box {
    font-weight: 500;
  }
  
  #neworder div.modalImgWrapper .sub-title-contents p.sub-notice-contents {
    text-align: center;
    width: 100%;
    display: block;
    max-width: 100%;
  }
  
  .info-panel dt {
    font-weight: bold;
    color: #3b3b3b;
    font-size: 14px;
    position: relative;
  }
  
  .info-panel dd {
    font-size: 13px;
    color: #3b3b3b;
    margin-left: 25px;
    padding-top: 5px;
    line-height: 1.6;
    margin-bottom: 15px;
  }
  
  .info-panel dd::before {
  
    font-weight: bold;
    color: #535355;
    position: absolute;
    margin-left: -17px;
  }
  
  #neworder .neworder-container {
    background-color: #f4f5f7;
    padding: 20px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
  }
  
  #neworder .neworder-container:last-of-type {
    margin-bottom: 0;
  }
  
  .info-tabs {
    display: flex;
    justify-content: space-around;
    gap: 3px;
    margin-bottom: 20px;
    position: relative;
    background: #D3D7DE;
    padding: 4px;
    border-radius: 8px;
  }
  
  #neworder .neworder-container h2 {
    color: #1A1A1A;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
  }
  
  
  .info-panels {
    border-radius: 0 0 8px 8px;
  }
  
  .info-panel dd {
    margin-left: 0px;
    font-size: 13px;
    color: #3b3b3b;
  }
  
  .info-panel dl:not(.faq) dd::before {
  
    position: relative;
    margin-left: 0;
  }
  
  .info-panel dl dd:last-of-type {
    margin-bottom: 0;
  }
  
  .info-panel .faq dd {
    margin-left: 18px;
  }
  
  .info-panel .faq dd p {
    color: #3b3b3b;
    font-size: 13px;
  }
  
  .info-tab {
    padding: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    letter-spacing: -.2px;
    box-shadow: none;
    height: 32px;
    border-radius: initial;
    background-color: transparent;
    color: #7C889B;
    z-index: 1;
    flex: 1;
    border-radius: 5px;
  }
  
  .info-tab.is-active {
    color: #06152E;
    font-weight: 600;
    background-color: transparent;
  }
  
  dl {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
  
  }
  
  .info-panels h3 {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 8px;
    color: #3b3b3b;
  }
  
  .info-tab:hover {
    font-weight: 700;
  }
  
  .select-container ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .select-container ul li {
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 16px;
    gap: 15px;
  }
  
  .select-container ul h3 {
    color: #1A1A1A;
    font-size: 14px;
    margin: 0;
    font-weight: 700;
  }
  
  .select-container ul p {
    color: #3b3b3b;
    font-size: 13px;
    font-weight: 400;
  }
  
  
  .reason-con-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  
  
  dl.faq:last-of-type {
    margin-bottom: 0;
  }
  
  #main.not_auth #neworder .sectionContents a {
    padding-bottom: 10px;
    display: inline-block;
  }
  
  .chat-bubble {
  
    width: 100%;
    max-width: 100%;
    padding: 10px 15px;
    margin: 5px 0 16px 0;
    border-radius: 10px;
    font-size: 15px;
    line-height: 1.4;
    position: relative;
    box-sizing: border-box;
  
    display: block;
  }
  
  .received {
    margin-bottom: 20px;
    display: flex;
    gap: 11px;
    align-items: center;
    justify-content: center;
    background-color: #EAF3FF;
    color: #3b3b3b;
    font-weight: 500;
    z-index: 1;
    border: 1px solid #4D95FE;
  }
  
  .received i {
    width: auto;
    text-align: center;
    font-size: 16px;
    color: #4D95FE;
  }
  
  .received h1 {
    font-size: 14px;
    margin: 0;
    color: #1A1A1A;
    font-weight: 400;
  }
  
  @media (max-width:500px) {
    .received h1 {
      font-size: 11px;
      line-height: 14px;
    }
  }
  
  .snsmemeSeoBox h2 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 800;
  }
  
  #main div.orderTitleWrapper div.snsmemeSeoBox {
    display: initial;
  }
  
  @media (max-width:500px) {
    .chat-bubble {
      margin-top: 0;
    }
  }
  
  /*2025 1023*/
  #neworder section.link-guideWrapper div.link-guide-wrapper div.link-content-item ul {
    display: grid;
    grid-template-columns: 2fr 2fr;
  }
  
  #neworder section.link-guideWrapper div.link-guide-wrapper div.link-content-item ul li {
    height: 48px;
  }
  
  @media (max-width:768px) {
  
    #neworder section.link-guideWrapper div.link-guide-wrapper {
      padding: 20px 20px 54px;
      height: auto;
      max-height: max-content;
      min-height: max-content;
    }
  
    #neworder div.link-guide-wrapper div.swiper-pagination {
      bottom: 19px;
    }
  
    #link-check-method .swiper-button-next,
    #link-check-method .swiper-button-prev {
      bottom: 25px !important;
    }
  
    #neworder section.link-guideWrapper div.link-guide-wrapper div.link-content-item ul li {
      height: 54px;
    }
  
    #neworder section.link-guideWrapper div.link-guide-wrapper div.link-content-item ul {
      display: flex;
      flex-direction: column;
    }
  }
  
  
  .info-tabs #tab-instagram.is-active~.highlight-bar {
    transform: translateX(0);
  }
  
  .info-tabs #tab-youtube.is-active~.highlight-bar {
    transform: translateX(100%);
  }
  
  .info-tabs #tab-tiktok.is-active~.highlight-bar {
    transform: translateX(150%);
  }
  
  .info-tabs #tab-twitter.is-active~.highlight-bar {
    transform: translateX(200%);
  }
  
  .info-tabs .highlight-bar {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 25%;
    height: 79%;
    background: white;
    border-radius: 5px;
    transition: transform 0.3s ease;
    z-index: 0;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
  }
  
  .info-tabs #tab-instagram.is-active~.highlight-bar {
    transform: translateX(0%);
  }
  
  .info-tabs #tab-youtube.is-active~.highlight-bar {
    transform: translateX(100%);
  }
  
  .info-tabs #tab-tiktok.is-active~.highlight-bar {
    transform: translateX(200%);
  }
  
  .info-tabs #tab-twitter.is-active~.highlight-bar {
    transform: translateX(calc(300% - 9px));
  }
  
  @media (max-width:768px) {
    .info-tabs {
      display: grid;
      grid-template-columns: 2fr 2fr;
    }
  
    .info-tabs .highlight-bar {
      width: 50%;
      height: 33px;
    }
  
    .info-tabs #tab-instagram.is-active~.highlight-bar {
      transform: translate(0%, 0%);
    }
  
    .info-tabs #tab-youtube.is-active~.highlight-bar {
      transform: translate(95%, 0%);
    }
  
    .info-tabs #tab-tiktok.is-active~.highlight-bar {
      transform: translate(0%, 100%);
    }
  
    .info-tabs #tab-twitter.is-active~.highlight-bar {
      transform: translate(95%, 100%);
    }
  }
  
  @media (max-width:500px) {
    .select-container ul li {
      flex-direction: column;
      align-items: center;
    }
  
    .select-container ul p {
      display: inline;
    }
  
    .select-container ul h3 {
      text-align: center;
    }
  }
  
  .reason-img-box {
    display: flex;
    flex-direction: column;
    width: 90px;
    max-width: 90px;
    min-width: 90px;
    height: 90px;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    background-color: #f3f5f7;
  }
  
  .select-container ul .reason-img-box i {
    font-size: 26px;
    color: #253858
  }
  
  @media (max-width:500px) {
    .reason-img-box {
      width: 40px;
      max-width: 40px;
      min-width: 40px;
      height: 40px;
      border-radius: 12px;
    }
  
    .select-container ul .reason-img-box i {
      font-size: 16px;
    }
  }
  
  .faq {
    display: flex;
    flex-direction: column;
    gap: 12px;
  
  }
  
  .faq details {border-radius: 12px;background: #fff;overflow: hidden;transition: all 0.3s ease;}
  
  .faq details:hover {
   
  }
  
  .faq details[open] {
  
  }
  
  .faq summary {
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    user-select: none;
    position: relative;
  }
  

  .faq summary::-webkit-details-marker {
    display: none;
  }
  
  .faq summary::marker {
    display: none;
  }
  

  .faq-question {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
  }
  

  .q-mark {
    color: #4D95FE;
    font-weight: 700;
  }
  

  .faq summary i.fa-chevron-down {
    color: #A2A3A6;
    font-size: 13px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
  }
  
  .faq details[open] summary i.fa-chevron-down {
    transform: rotate(180deg);
  }
  
  
  
  .faq-answer {border-top: 1px solid #E3E4E7;margin: 0 16px 16px;padding-top: 16px;color: #444;font-size: 15px;line-height: 1.7;animation: slideDown 0.3s ease-out;}
  
  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .faq-answer p {
    margin-bottom: 12px;
    font-size: 12px;
  }
  
  .faq-answer p:last-child {
    margin-bottom: 0;
  }
  
  @media (max-width: 768px) {
    .faq {
      gap: 10px;
    }
    
    .faq summary {
      padding: 14px 16px;
      font-size: 15px;
    }
    
    .faq-answer {
      padding: 16px 0 0;
  
    }
    
    .faq summary::after {
      width: 20px;
      height: 20px;
    }
  }
  
  .faq details:first-child {
  
  }